博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
css custome checkbox style in sench list
阅读量:4308 次
发布时间:2019-06-06

本文共 1125 字,大约阅读时间需要 3 分钟。

     itemTpl : new Ext.XTemplate(                '
', '
', '
', '
', '
', '
', '
', '
', '
{ReportName} {DisplayName} ', '
{DDate}', '
{MDate}', '
{ReportAlias} ', '
', '
', '
', '
', '
', // '

Generated

', '

{RunDate}

', '
', '
', '
', '
', '
', '
', '
', '
', '
')

 上面是sencha list的itemTpl..............

sench touch list 中嵌入checkbox,自定义其样式,来符合mobile端style

css:

.reportCheckBox {
background: url(../images/check2.png) no-repeat center center;-webkit-appearance: none;border: none;display: inline-block;font-size: 15px;padding: 0;width: 1.65em;height: 1.65em;-webkit-border-radius: 0.25em;vertical-align: middle;}input[type=checkbox]:checked {
background: url(../images/check.png) no-repeat center center;}

这是需要的图片:check2.png  check.png

效果图:

 

转载于:https://www.cnblogs.com/fengjian/archive/2013/04/23/3037971.html

你可能感兴趣的文章
hdu 4183(网络流)
查看>>
实验 5 类和对象-3
查看>>
org.hibernate.MappingException: Unknown entity: com.yyw.bean.Post几种可能
查看>>
Java相关脚本
查看>>
centos7 安装qt
查看>>
osg::Image::AllocationMode
查看>>
多线程(二)之block小结
查看>>
Python学习
查看>>
2017.03.19随笔
查看>>
Financial Analysis: Stock Market Prediction Using Deep Learning Algorithms
查看>>
Windows消息目录
查看>>
jquery miniui 学习笔记
查看>>
xampp中tomcat服务器无法启动
查看>>
【LeetCode】502. IPO
查看>>
抚顺烈士
查看>>
java亦或(^)
查看>>
采用多线程方式,解决由于查询等待造成winfrom假死问题
查看>>
什么是信令?什么是信令网?(转)
查看>>
原!!mysql,几十万条数据中随机抽取1万以内的数据
查看>>
SQLMAP之tamper详解
查看>>